.el-anchor {
    --el-anchor-bg-color: var(--el-bg-color);
    --el-anchor-padding-indent: 14px;
    --el-anchor-line-height: 22px;
    --el-anchor-font-size: 12px;
    --el-anchor-color: var(--el-text-color-secondary);
    --el-anchor-active-color: var(--el-color-primary);
    --el-anchor-marker-bg-color: var(--el-color-primary);
    background-color: var(--el-anchor-bg-color);
    position: relative
}

.el-anchor__marker {
    background-color: var(--el-anchor-marker-bg-color);
    border-radius: 4px;
    opacity: 0;
    position: absolute;
    z-index: 0
}

.el-anchor.el-anchor--vertical .el-anchor__marker {
    height: 14px;
    left: 0;
    top: 8px;
    transition: top .25s ease-in-out, opacity .25s;
    width: 4px
}

.el-anchor.el-anchor--vertical .el-anchor__list {
    padding-left: var(--el-anchor-padding-indent)
}

.el-anchor.el-anchor--vertical.el-anchor--underline:before {
    background-color: rgba(5, 5, 5, .06);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 2px
}

.el-anchor.el-anchor--vertical.el-anchor--underline .el-anchor__marker {
    border-radius: unset;
    width: 2px
}

.el-anchor.el-anchor--horizontal .el-anchor__marker {
    bottom: 0;
    height: 2px;
    transition: left .25s ease-in-out, opacity .25s, width .25s;
    width: 20px
}

.el-anchor.el-anchor--horizontal .el-anchor__list {
    display: flex;
    padding-bottom: 4px
}

.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item {
    padding-left: 16px
}

.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item:first-child {
    padding-left: 0
}

.el-anchor.el-anchor--horizontal.el-anchor--underline:before {
    background-color: rgba(5, 5, 5, .06);
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%
}

.el-anchor.el-anchor--horizontal.el-anchor--underline .el-anchor__marker {
    border-radius: unset;
    height: 2px
}